@extends('layout')
@section('titulo')

@section('styles')

<link rel="stylesheet" type="text/css" media="screen" href="{{asset("css/news.css")}}" />
<meta name="csrf-token" content="{{ csrf_token() }}">

@endsection
@section('contenido')
<div class="wrapper min-ancho">
    <div class="container-fluid">
        <div>
            <a href="{{asset("Podcast")}}" id= "icon2"class="redes pl-1.5 pt-1" style="margin-top: 30px">
                <img  src="{{asset("images/redessociales/podcast02.svg")}}" alt="" style="height:32px" width="46px">
            </a>
            <a href="https://twitter.com/SectorSalud" class="redes pl-1 pt-2" style="margin-top: 90px">
                <img  src="{{asset("images/redessociales/Twitter.svg")}}" alt="" style="height: 80%">
            </a>
            <a href="https://www.facebook.com/secretariadistritaldesalud/" class="redes pl-2 pt-2" style="margin-top: 150px">
                <img  src="{{asset("images/redessociales/IconoFacebook.svg")}}" alt="" style="height: 95%">
            </a>
            <a href="https://www.youtube.com/channel/UCp1gXUi3r_nqB5pLWU9nmMg" class="redes pl-1 pt-2" style="margin-top: 210px">
                <img  src="{{asset("images/redessociales/IconoYouTube.svg")}}" alt="" style="height: 70%">
            </a>
        </div>
        <div id="carouselExampleIndicators" class="carousel slide carousel-news" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
                <!--<li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="6"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="7"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="8"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="9"></li>
                <li data-target="#carouselExampleIndicators" data-slide-to="10"></li>--> 
            </ol>

            <div class="carousel-inner">
                <div class="carousel-item active">
                    <a classs="img-webpo"  href="https://drive.google.com/file/d/1B4AVn2nz9iKUo8-1VchG_ukENexF6Ism/view?usp=share_link">
                        <img class="d-block w-100 altura" src="{{asset("images/carousel/Secretaria_Salud.png")}}" alt="Eighth slide">
                    </a>
                </div>
                <div class="carousel-item">
                    <a classs="img-webpo"  href="https://drive.google.com/file/d/11ZoCucvgEcTbsR-DtF_P9s9JhWrUzbXn">
                        <img class="d-block w-100 altura" src="{{asset("images/carousel/Slider_Salud_Barrio.png")}}" alt="Fifth slide">
                    </a>
                </div>
                <div class="carousel-item">
                    <a classs="img-webpo"  href="https://sdsgissaludbog.maps.arcgis.com/apps/webappviewer/index.html?id=d47e91c95df24404ac7fbd27fbd88c11">
                        <img class="d-block w-100 altura" src="{{asset("images/carousel/Slider_Dona_Sangre.jpg")}}" alt="Eighth slide">
                    </a>
                </div>
                <div class="carousel-item">
                    <a classs="img-webpo" href="http://www.saludcapital.gov.co/Paginas2/Noticia_Portal_Detalle.aspx?IP=1855">
                        <img class="d-block w-100 altura" src="{{asset("images/carousel/Slider_Mesas_Locales_Cuidado.jpg")}}" alt="Fifth slide">
                    </a>
                </div>
                <div class="carousel-item">
                    <a classs="img-webpo"  href="https://drive.google.com/file/d/1fPgqfHBOImYACdh8WEK4sGQnsgFFlHPB/view?usp=sharing">
                        <img class="d-block w-100 altura" src="{{asset("images/carousel/Slide-COV.png")}}" alt="Eighth slide">
                    </a>
                </div>

                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>

                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</div>
<div class="wrapper min-ancho">
    <div class="container-fluid">
        <div class="row mb-3">
            <div class="d-inline-block">
                <img class="concept-title d-inline-block"  src="{{asset("images/news/Iconomodulonoticias.svg")}}" alt="">
            </div>
            <div class="col-7">
                <div class="row">
                    <div class="col-10 date-time-title">
                        Eventos interes
                    </div>
                </div>
                <div class="row">
                    <div class="col-10 date-time" >
                        <font COLOR="White">
                        <h3><b><v>Salud</b></v> Pública</h3></font> 
                    </div>
                </div>
            </div>
            <div class="col-4 ml-4">
                <div class="row">
                    <div class="col-12 date-time-title">
                        <span>Bogotá hoy</span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 date-time" id="reloj">
                        Fecha y hora
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-8 mr-2 fluid-left">
                <div id="rootwizard">
                    <div class="content-inside tab-content" data-duration="1000"> 
                        <div class="tab-pane active" id="tab1">
                            <section class="content">
                                <div class="header-content col-12">
                                    <div class="row ">

                                        <div class="row cont-inside">
                                            <div class="col-12">
                                                <div class="row mr-1">
                                                    <div class="col" style="text-align: justify">
                                                        <!--    MÓDULO NOTICIAS-->
                                                        <div  class="col-10-justify-content-center" >
                                                            <div id="carouselExampleIndicators"  class="carousel slide carousel-news" data-ride="carousel">

                                                                <div class="carousel-inner">
                                                                    <div class="carousel-item" id="tab1">
                                                                        
                                                                        <a data-toggle="modal" data-target="#exampleModal" data-line="new" data-title="Operativos diurnos y nocturnos en Instituciones Protectoras de la Persona Mayor" data-response="new-1">
                                                                            <em style="color: blue; cursor: pointer;">      
                                                                                <img class="d-block w-80 altura"  style="height:500px; width:711px"src="{{asset("images/news/Calendario.png")}}">
                                                                            </em>
                                                                        </a>
                                                                    </div>
                                                                    <div class="carousel-item" class="tab-pane" id="tab3">
                                                                        <a data-toggle="modal" data-target="#exampleModal" data-line="new" data-title="Encuentro del sector funerario" data-response="new-3">
                                                                            <em style="color: blue; cursor: pointer;">
                                                                                <img class="d-block w-80 altura" style="height:500px; width:711px" src="{{asset("images/news/2.jpg")}}">
                                                                            </em>
                                                                        </a>
                                                                    </div>

                                                                    <div class="carousel-item active" class="tab-pane" id="tab2">
                                                                        <a data-toggle="modal" data-target="#exampleModal" data-line="new" data-title="Reverdeciendo para la Vida" data-response="new-2">
                                                                            <em style="color: blue; cursor: pointer;">
                                                                                <img class="d-block w-80 altura" style="height:500px; width:711px" classs="img-webpo"  src="{{asset("images/news/covid-19.png")}}">
                                                                            </em>
                                                                        </a>
                                                                    </div>

                                                                    <!--<div class="carousel-item" data-duration="1000" class="tab-pane" id="tab5">
                                                                    <a data-toggle="modal" data-target="#exampleModal" data-line="new" data-title="Encuentro distrital de belleza segura y responsable 2022" data-response="new-5">
                                                                    <em style="color: blue; cursor: pointer;"><img class="d-block w-80 altura" style="height:500px; width:711px" src="{{asset("images/news/NewEventoBellezaSegura.jpg")}}"></a></font></em>   
                                                                    </div>
                                                                 
                                                                   <div class="carousel-item" class="tab-pane" id="tab4">
                                                                   <a data-toggle="modal" data-target="#exampleModal" data-line="new" data-title="Reconocimiento a los Sistemas de Abastecimiento" data-response="new-4">
                                                                   <em style="color: blue; cursor: pointer;"><img class="d-block w-80 altura" style="height:500px; width:711px" classs="img-webpo"  src="{{asset("images/news/NewReconocimineto.jpg")}}"></a></font></em>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </div>




                                                    <div class="container-fluid trj" >
                                                        <div class="row mx-8">


                                                                    <!---Tarjeta 1 -->
                                                                    <div class="col" >
                                                                        <div class="card bg-dark text-white">
                                                                            <img src="{{asset("images/noticias/5.jpeg")}}"  alt="Imagen de tarjeta"  style="height:180px; width:98%" >
                                                                            <div class="card-body">
                                                                                <h3>Bogotá recibe dos nuevos centros de salud</h3>
                                                                                <p class="card-text">
                                                                                    Hoy empiezan las novenas y este es un regalo más para nuestra comunidad del sector.
                                                                                </p>
                                                                                <a href="#" class="btn btn-info">Leer Mas...</a>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                    <!---Tarjeta 2 -->
                                                                    <div class="col">
                                                                        <div class="card bg-dark text-white">
                                                                            <img src="{{asset("images/noticias/salud-a-mi-barrio.jpg")}}" style="height:180px; width:98%" alt="Imagen de tarjeta" >
                                                                            <div class="card-body">
                                                                                <h3>Salud en mi Barrio’ concluyó sus actividades</h3>
                                                                                <p class="card-text">
                                                                                    Programa 'Salud a mi barrio' ha atendido a más de 751 mil personas en Bogotá
                                                                                </p>
                                                                                <a href="#" class="btn btn-info">Leer Mas...</a>

                                                                            </div>
                                                                        </div>
                                                                    </div> 


                                                                    <!---Tarjeta 3 -->

                                                                    <div class="col">
                                                                        <div class="card bg-dark text-white">
                                                                            <img src="{{asset("images/noticias/VACUNACIÓN.png")}}" style="height:180px; width:98%" class="card-img-top" alt="Imagen de tarjeta">
                                                                            <div class="card-body">
                                                                                <h3>Vacuna gratis en Bogotá</h3>
                                                                                <p class="card-text">
                                                                                    Los expertos en salud indican que las vacunas son efectivas para evitar complicaciones de salud por enfermedades transmisibles.
                                                                                </p>
                                                                                <a href="#" class="btn btn-info">Leer Mas...</a>

                                                                            </div>
                                                                        </div>
                                                                    </div> 

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-4" style="margin-left: 7px;">
                <div class="d-flex justify-content-center">
                    <div class="col-4">
                        <a classs="img-webpo"  href="http://www.ambientebogota.gov.co/calidad-del-aire">
                            <img src="{{asset("images/news/IndiceIboca.svg")}}" alt="calidad aire" class="img-calidad-aire">
                        </a>
                    </div>
                    <div class="col-4">
                        <a classs="img-webpo" href="https://drive.google.com/file/d/1maDvUXoIHzn83FTXMxM5jbG1bw0-rGU2 ">
                            <img src="{{asset("images/news/IndiceUUV.svg")}}" alt="indice uv" class="img-indice-uv">
                        </a>
                    </div>
                    <div class="col-4">
                        <a classs="img-webpo" href="http://www.pronosticosyalertas.gov.co/pronobig-portlet/html/pronobig/view.jsp ">
                            <img  src="{{asset("images/news/Clima.svg")}}" alt="clima actual" class="img-clima-actual">
                        </a>
                    </div>
                </div>
                <div class="row">
                    <a href="{{asset("calendario")}}">
                        <div class="mt-3 container-calendar">
                            <label>Calendario de eventos Salud Ambiental</label>
                            <div class="col-10 offset-1" >
                                <div id='calendar'></div>
                            </div>
                        </div>
                    </a>

                </div>
            </div>
        </div>
    </div>
</div>

<!--<div class="wrapper min-ancho">
    <table width="100%" border="0">
    <tr>
            <td width="25%">
                <a classs="img-webpo"  href="http://autorregulacion.saludcapital.gov.co">
                    <img class="d-block altura" src="{{asset("images/news/sub.png")}}" style="height:120px; width:220px">
                </a>
            </td>
            <td width="25%">
                    <a classs="img-webpo"  href="{{asset("favorables")}}"class="boton-registe">
                        <img src="{{asset("images/news/asegura.png")}}" style="height:120px; width:220px">
                    </a>
                </td>
                <td width="25%">
                    <a classs="img-webpo"  href="http://autorregulacion.saludcapital.gov.co/buenpropietario#estrategiasexcelencia" class="boton-registe">
                        <img src="{{asset("images/news/ciudadania.png")}}" style="height:120px; width:220px">
                    </a>
                </td>
            <td width="25%">
                    <a classs="img-webpo"  href="http://autorregulacion.saludcapital.gov.co/registrate">
                        <img src="{{asset("images/news/planeacion.png")}}" style="height:120px; width:220px">
                    </a>
                </td>
            <td width="25%"style="text-align: center;">
                <a classs="img-webpo"  href="{{asset("acredited")}}">
                    <img src="{{asset("images/news/corporativa.png")}}" style="height:120px; width:200px">
                </a>
            </td>
            </tr>
        </table>
</div>-->

<br>-->



<div class="content-wrapper min-ancho">
    <div class="wrapper min-ancho">
        <div class="container-fluid">
            <div class="row mb-3">
                <div class=" d-inline-block">
                    <div class="row">
                        <div class="col-8">
                            <!--<form id ="form-contactenos" class="form-contactenos">
                                <div class="row align-items-start mt-4">
                                    <div class="col-4 icono-contactenos media">
                                        <img src="{{asset("images/contactenos/IconoContactenos.svg")}}" alt="" style="width: 70px;">
                                        <div>
                                            <h3 class="pt-3">Contáctenos</h3>
                                        </div>
                                    </div>
                                    <div class="col-6 offset-2 pt-4">
                                        <label >Eres:&nbsp;&nbsp;</label>
                                        <label class="radio-inline">
                                            Propietario  <input type="radio" name="optradio" value="propietario" checked> &nbsp;&nbsp;
                                        </label>
                                        <label class="radio-inline">
                                            Ciudadano <input type="radio" name="optradio" value="ciudadano">
                                        </label>
                                    </div>
                                </div>
                                <div class="row justify-content-start mt-3">
                                    <div class="col-12">
                                        <div class="row mb-3">
                                            <div class="col-6">
                                                {{-- <div class="form-group row">
                                                    <label for="Nombre" class="col-sm-2 col-form-label">Nombre: </label>
                                                    <div class="col-sm-9 offset-1">
                                                        <input type="text" class="form-control" id="nombre" placeholder="">
                                                    </div>
                                                </div> --}}
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="inputIconBox"><i class="fas fa-user"></i></span>
                                                    </div>
                                                    <input id="name" name="nombre" type="text" class="form-control" placeholder="Nombre" required="">
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="inputIconBox"><i class="fas fa-flag"></i></span>
                                                    </div>
                                                    <input id="localidad" name="localidad" type="text" class="form-control" placeholder="Localidad" required="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-6">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="inputIconBox"><i class="fas fa-phone"></i></span>
                                                    </div>
                                                    <input id="telefono" name="telefono" type="number" class="form-control" placeholder="Teléfono" required="">
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="inputIconBox"><i class="fas fa-heart"></i></span>
                                                    </div>
                                                    <input id="temainteres" name="temainteres" type="text" class="form-control" placeholder="Tema de Interés" required="">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row mb-3">
                                            <div class="col-6">

                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="inputIconBox"><i class="fas fa-envelope"></i></span>
                                                    </div>
                                                    <input id="correo" name="correo" type="email" class="form-control" placeholder="Correo electrónico" required="">
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="inputIconBox"><i class="fas fa-edit"></i></span>
                                                    </div>
                                                    <input id="comentarios" name="comentarios" type="text" class="form-control" placeholder="Comentarios" required="">
                                                </div>
                                                {{-- <div class="form-group row">
                                                    <label for="comentarios" class="col-sm-5 col-form-label">Comentarios: </label>
                                                    <div class="col-sm-7">
                                                        <textarea name="comentarios" id="comentarios" cols="18" rows="3"></textarea>
                                                    </div>
                                                </div> --}}
                                            </div>
                                        </div>
                                    {{--<div class="row">
                                            <div class="col-6">
                                                {{-- <div class="form-group row">
                                                    <label for="tiponegocio" class="col-sm-5 col-form-label">Tipo de negocio: </label>
                                                    <div class="col-sm-7">
                                                        <input type="text" class="form-control" id="tiponegocio" placeholder="">
                                                    </div>
                                                </div> -}}
                                                <div class="input-group">
                                                        <div class="input-group-prepend">
                                                            <span class="inputIconBox"><i class="fas fa-building"></i></span>
                                                          
                                                        <input id="tiponegocio" name="tiponegocio" type="text" class="form-control" placeholder="Tipo de negocio" required="">
                                                </div>
                                            </div>
                                        </div> --}}
                                        <div class="row mt-1 justify-content-end">
                                            <div class="col-3 offset-1">
                                                <div  class="btn blue w-100 py-2"  data-toggle="modal" data-target="#contactModal" data-line="contact-send" >Enviar</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>  -->    








                            <div class="d-flex justify-content-center">
                                <iframe width="800" height="600" src="https://www.youtube.com/embed/NInrJwXnoIM"frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>  
                            </div>
                        </div>
                        <div class="d-flex justify-left-center"> 
                            <div class="col-4 ml-4">
                                <div class="col-12">
                                    <a href="{{asset("preguntas")}}">
                                        <div class="container-contactenos">
                                            <div class="rectangulo-contactenos">
                                                <div class="row align-items-center ml-3 mt-1">
                                                    <div class="d-inline-block ">
                                                        <img  class="right-bottom-menu" src="{{asset("images/contactenos/IconoPreguntasFrecuentes.svg")}}" alt=""  style="height:40.9px;">
                                                    </div>
                                                    <div class="d-inline menu-header-interno preguntas-frecuentes">
                                                        <label> Preguntas Frecuentes</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <br>
                                    <a  href="{{asset("oficinas")}}">
                                        <div class="container-oficinas">
                                            <div class="rectangulo-contactenos">
                                                <div class="row align-items-center ml-3">
                                                    <div class="d-inline-block ">
                                                        <img  class="right-bottom-menu" src="{{asset("images/contactenos/IconoOficinasdeAtencion.svg")}}" alt=""  style="height:40.9px;">
                                                    </div>
                                                    <div class="d-inline menu-header-interno oficinas">
                                                        <label class="mt-2">Oficinas de Atención al <br> Ambiente</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </a>
                                    <br>
                                    <div class="puntos-recoleccion">
                                        <label >Ubica los puntos de recolección</label>
                                    </div>
                                    <table class="">
                                        <tr>
                                            <td width="25%">
                                                <a classs="img-webpo"  href="https://www.pilascolombia.com/puntos">
                                                    <img  class="right-bottom-menu" src="{{asset("images/contactenos/BotonPilas.svg")}}" alt=""  style="height:58px;">
                                                </a>
                                            </td>
                                            <td width="25%">
                                                <a classs="img-webpo" href="https://lumina.com.co/">
                                                    <img  class="right-bottom-menu" src="{{asset("images/contactenos/BotonBombillas.svg")}}" alt=""  style="height:58px;">
                                                </a>
                                            </td>
                                            <td width="25%">
                                                <a classs="img-webpo" href="https://www.puntoazul.com.co/puntos-azules/">
                                                    <img  class="right-bottom-menu" src="{{asset("images/contactenos/BotonPuntoAzul.svg")}}" alt=""  style="height:58px;">
                                                </a>
                                            </td>
                                            <td width="25%">
                                                <a classs="img-webpo" href="http://www.ambientebogota.gov.co/aceites-usados">
                                                    <img  class="right-bottom-menu" src="{{asset("images/contactenos/BotonRecolecciondeAceite.svg")}}" alt=""  style="height:58px;">
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                    <br>
                                    <br>
                                    <div class="twitter">
                                        <a class="twitter-timeline" classs="img-webpo" href="https://twitter.com/SectorSalud?ref_src=twsrc%5Etfw" width="280px" height="400px">Tweets by SectorSalud</a>
                                        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

                                    </div>



                                </div>


                                <div class="col-7">    
                                    <div class="row">
                                        <div class="col-12">
                                        </div>
                                    </div>
                                </div>






                                <!-- Modal -->
                                <div class="modal fade  bd-example-modal-lg" id="ETOZModal" tabindex="-1" role="dialog" aria-labelledby="contactModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg" role="ument">
                                        <div class="modal-content alert-ambiental">
                                            <div class="modal-header" style="border-bottom: 0px solid #dee2e6;">
                                                <h5 class="modal-title" id="exampleModalLabel">La secretaría Distrital de Salud informa que se suspende temporalmente la vacunación antirrábica canina y felina gratuita realizada a través de las Subredes Integradas de Servicio de Salud. Se espera retomar las jornadas hacia la última semana de septiembre</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>



                                <!-- Modal -->
                                <div class="modal fade  bd-example-modal-lg" id="contactModal" tabindex="-1" role="dialog" aria-labelledby="contactModalLabel" aria-hidden="true">
                                    <div class="modal-dialog modal-lg" role="ument">
                                        <div class="modal-content alert-ambiental">
                                            <div class="modal-header" style="border-bottom: 0px solid #dee2e6;">
                                                <h5 class="modal-title" id="exampleModalLabel">¿Desea recibir más información sobre salud ambiental?</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>



                                            <div class="modal-body">
                                                <form>
                                                    <input type="radio" name="gender" value="male"> Acepta los términos y condiciones: autorizo expresamente a las Secretaría  Distrital de Salud,
                                                    para hacer uso y tratamiento de datos personales de conformidad con lo previsto en Decreto 1377 de 2013 que reglamenta la Ley 1581 de 2012. (Política de Protección de Datos Personales)
                                                    <br>
                                                </form>
                                            </div>
                                            <div class="modal-footer" style="border-top: 0px solid #dee2e6; align-items: center; justify-content:center;">
                                                <div class="container-fluid">
                                                    <div class="row justify-content-between">
                                                        <div class="col offset-2">
                                                            <button type="button" class="btn btn-modal" data-dismiss="modal">No, Gracias</button>
                                                        </div>
                                                        <div class="col">
                                                            <button id="btn-enviar" type="button" class="btn btn-modal">Sí, suscribirme</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="modal fade" id="infoModal" tabindex="-1" role="dialog" aria-labelledby="contactModalLabel" aria-hidden="true">
                                    <div class="
                                         dialog " role="document">
                                        <div class="modal-content alert-ambiental">
                                            <div class="modal-header" style="border-bottom: 0px solid #dee2e6;">
                                                <h5 class="modal-title" id="exampleModalLabel">Error</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body">
                                                Debe ingresar toda la información solicitada.
                                            </div>
                                            <div class="modal-footer" style="border-top: 0px solid #dee2e6; align-items: center; justify-content:center;">
                                                <div class="container-fluid">
                                                    <div class="row justify-content-center">
                                                        <div class="col offset-4">
                                                            <button type="button" class="btn btn-modal" data-dismiss="modal">Aceptar</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- Modal -->
                                <div class="modal fade bd-example-modal-lg" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body" style="text-align: justify;">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <!-- Modal -->
                                <div class="modal fade bd-example-modal-lg" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                                    <div class="modal-dialog modal-lg" role="document">
                                        <div class="modal-content1">
                                            <div class="modal-header">
                                                <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <div class="modal-body" style="text-align: justify;">
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div>



                                    <div class="modal fade" id="dialogo1">


                                        <div class="modal-dialog modal modal-dialog-centered">
                                            <div class="modal-content1">

                                            </div>
                                        </div>
                                    </div> 

                                </div>
                            </div>

                            <div hidden>
                                <div id="new-5">
                                    <div class="row cont-inside">
                                        <div class="col-10 offset-1">
                                            <div class="row">
                                                <div class="col-10-justify-content-center" >
                                                    <p>Noviembre 18 de 2022</p> <br>
                                                    <img src="{{asset("images/news/BellezaSegura.png.jpg")}}" class="rounded float-left" style="height: 260px; width:350px" style=" margin-right: 5px;">
                                                    <p style="text-align:justify; margin-left: 5px;">
                                                        Este 16 de noviembre se llevó a cabo el encuentro BELLEZA SEGURA Y RESPONSABLE 2022, dirigido a trabajadores y propietarios del sector belleza, barberías, peluquerías, escuelas de formación, salas de belleza y todo lo que se conoce como estética ornamental, que comprende los establecimientos que prestan servicios personales a nivel de cabello, cuero cabelludo y uñas.
                                                        <br>El evento tuvo como propósito sensibilizar a los establecimientos de estética ornamental respecto a su responsabilidad con la salud e integridad de sus clientes y de los propios trabajadores del sector. Para ello se abordaron temas relevantes relacionados con el cumplimiento de requisitos normativos y el ejercicio de su actividad en adecuadas condiciones higiénico sanitarias, con el propósito de prevenir riesgos en la salud de ellos, sus clientes y el entorno. 
                                                        <br>En el de desarrollo de la jornada participaron actores claves como: la Secretaría Distrital de Salud, representantes del sector privado, el Instituto Nacional de Medicamentos y Alimentos – INVIMA, la Mesa Sectorial de Servicios Personales del Sena y las Subredes Integradas de Servicios de Salud E.S.E.    
                                                        <br>Los temas normativos y sanitarios abordados en este encuentro respecto al sector belleza puede consultarlos en la página salud ambiental de Bogotá <a href="http://saludambiental.saludcapital.gov.co/quimicos_sectorbelleza">http://saludambiental.saludcapital.gov.co/quimicos_sectorbelleza.</a>
                                                        <br>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="new-4">
                                    <div class="row cont-inside">
                                        <div class="col-10 offset-1">
                                            <div class="row">
                                                <div class="col-10-justify-content-center" >
                                                    <p>Octubre 28 de 2022</p> <br>
                                                    <img  src="{{asset("images/news/NewrRecomendacion.jpg")}}" class="rounded float-left"style="height: 250px; width:350px" style=" margin-right: 10px;">
                                                    <p style="text-align:justify; margin-left: 5px;">
                                                        Con el objetivo de realizar un reconocimiento a los Sistemas de Abastecimiento, el 28 de octubre la Secretaría Distrital de Salud llevó a cabo una ceremonia donde destacó a los sistemas por su trayectoria y avances en el 2022. Este reconocimiento vinculó empresas que realizan actividades de transporte y comercialización de agua potable y red de distribución o abastecimiento.
                                                        <br>Para la selección de los sistemas de abastecimiento se aplicó una metodología que consistió en la revisión del cumplimiento de aspectos relacionados con autorización sanitaria, la calidad del agua IRCApp, las condiciones higiénico-sanitarias con respecto a las buenas prácticas sanitarias, BPSpp e IRABApp, el  concepto sanitario y mapa de riesgos Persona Prestadora, así como la participación continua y permanente en los procesos de capacitación y evaluación por competencia laboral en los convenios interinstitucionales entre la SDS, SENA, UNICEF, Ministerio de Vivienda, Ciudad y Territorio, Ministerio de Salud y Protección Social.
                                                        <br>Al evento, que se realizó en el club campestre CAFAM, asistieron más de 110 personas, se hizo reconocimiento especial a la Empresa de Acueducto y Alcantarillado de Bogotá – EAAB y a los Sistemas de abastecimiento que se relacionan a continuación:
                                                        <img src="{{asset("images/news/ReconociminetosOtorgados.png")}}" style="height: 280px; width:310px" >


                                                    </p>
                                                </div>
                                            </div> 

                                        </div>
                                    </div>
                                </div>
                                <div id="new-1">
                                    <div class="row cont-inside">
                                        <div class="col-10 offset-1">

                                            <div class="row">
                                                <div class="col-10-justify-content-center" >
                                                    <p>Octubre 20 de 2022</p> <br>
                                                    <img src="{{asset("images/news/JornadaBioSeguridad.jpg")}}" class="rounded float-left" style="height: 260px; width:350px" style=" margin-right: 5px;">
                                                    <p style="text-align:justify; margin-left: 5px;">
                                                        El pasado 19 de octubre la Secretaría Distrital de Salud invitó al evento anual de bioseguridad e higiene del sector funerario, el cual tuvo como propósito, capacitar a los trabajadores del sector en temas de relevancia sanitaria y bioseguridad, para aumentar sus conocimientos técnicos y de autocuidado en el manejo de sustancias químicas, saneamiento básico, dignificación del fallecido y las implicaciones que pueden conllevar la manipulación de un cadáver. 
                                                        <br>Para este año el encuentro cobró mayor relevancia por todo el aprendizaje durante los años 2020 y 2021, tiempo durante el cual tuvieron a cargo uno de los momentos más dolorosos para una persona o grupo familiar, la pérdida de un ser querido en tiempos de pandemia, cuando no era posible adelantar los rituales fúnebres y todo se vivía a través de una plataforma de internet.
                                                        <br>Y es que todos los procedimientos para la manipulación, traslado y disposición final de fallecidos al sector funerario cambiaron, gerentes y colaboradores asumieron la dura tarea de salir a las calles para cumplir su labor, acatando de forma estricta las nuevas medidas, para cuidar sus vidas y la salud de sus familiares.
                                                        <br>Hoy debemos reconocer y destacar en el sector funerario su compromiso, a pesar de ser una labor poco reconocida pero fundamental para la salud pública, es meritorio brindar un agradecimiento por su capacidad de resiliencia para enfrentar la emergencia sanitaria, los cambios constantes y adaptarse para responder con calidez a las familias en momentos tan difíciles.    

                                                    </p>
                                                </div>

                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div id="new-2">
                                    <div class="row cont-inside">
                                        <div class="col-12">
                                            <div class="row">
                                                <div class="col-10-justify-content-center" style="padding:10px;">
                                                    <p>Octubre 30 de 2022</p>
                                                    <img  src="{{asset("images/news/NewEventoBelleza.jpg")}}" style=" height: 210px; width:350px; margin-right: 10px;" class="rounded float-left" >
                                                    <p style="text-align:justify; margin-left: 5px;">
                                                        El saber practico y tradicional aunado a lo técnico y científico, son la respuesta de la construcción conjunta de los territorios ambientalmente saludables emprendida por el Equipo TE CREAS de la Subred de Servicios de Salud Sur, en el barrio Arborizadora Alta de la Localidad de Ciudad Bolívar, con la ‘Huerta Reverdeciendo’ como respuesta al fortalecimiento del tejido social, la salud y el desarrollo del territorio.
                                                        <br>
                                                        <br>La huerta cuenta con 15 metros cuadrados sembrados con lechuga, pepino y aromáticas, y ha sido herramienta para el encuentro de saberes de la comunidad, a través de acciones de información y comunicación, enfatizando en la importancia de la seguridad alimentaria para la generación de alimentos sanos y seguros, permitiendo la creación de diferentes emprendimientos. La Organización de las Naciones Unidas para la Alimentación y la Agricultura– FAO  define la proximidad de la agricultura y la ecología como la proporción de despensas frescas que generan empleo, reciclan residuos urbanos, crean cinturones verdes y fortalecen la resiliencia de las ciudades frente al cambio climático.
                                                        <br>Con la unidad demostrativa denominada ‘En la metropolitana tu mascota cuidarás y las zonas verdes recuperarás’, se contó con  la participación de la comunidad como parámetro clave para dar la mirada armónica a lo que fue un punto crítico priorizado, por un espacio saludable, educativo y de reencuentros, en donde, tras jornadas de limpieza y recolección de 30.6 kilos de residuos pos consumo, se logró la siembra de 100 plántulas y el compromiso de involucrar a más población en el proceso, como lo afirmó Ángela Ortiz, líder comunitaria ‘Queremos sumar más personas en este proyecto que nos ha traído el Equipo TE CREAS, hemos reverdecido con la naturaleza’. La estrategia ha llegado a más de 360 habitantes y busca seguir generando cobertura a más población la  mejora del bienestar y la salud con el fortalecimiento de los entornos ambientalmente saludables.
                                                        <br>De igual manera, se abordó la problemática de la tenencia inadecuada de animales de compañía junto con las jornadas de bienestar en las que se logró administrar un total 150 vacunas, dando importancia a la salud de caninos y felinos, promoviendo el cuidado integral con acciones de información y comunicación en temas como prevención de enfermedades transmitidas por vectores, tenencia responsable de animales de compañía y métodos alternativos para el control de plagas.



                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                                <div id="new-3">
                                    <div class="row ">
                                        <div class="col-12">
                                            <div class="row">
                                                <div class="col-10-justify-content-center" style="padding:10px;">
                                                    <p>Septiembre 15 de 2022</p> <br>
                                                    <img  src="{{asset("images/news/ActivaSalud.jpg")}}" class="rounded float-left" style="height: 320px; width:480px" style=" margin-right: 10px;">
                                                    <p style="text-align:justify; padding:10px">
                                                        <br>Entre las faldas de las majestuosas cordilleras al sur oriente de Bogotá se viene trabajando para mejorar la calidad de vida de los habitantes, promoviendo hábitos ambientalmente sostenibles y saludables, con iniciativas y prácticas exitosas desarrolladas por el Equipo de Entornos Ambientalmente Saludables de la Subred Integrada de Servicios de Salud Centro Oriente.
                                                        <br>Con las acciones desarrolladas en la unidad demostrativa &#34;Activa tu salud, mejora tu entorno&#34;, en el barrio La Victoria de la localidad de San Cristóbal, cerca de 772 personas que fueron sensibilizadas sobre el manejo de residuos domiciliarios y disposición de residuos orgánicos, hoy son referentes y semillas multiplicadoras en la promoción de la soberanía alimentaria y nutricional.
                                                        <br>La realización de una huerta comunitaria de 35 m<sup>2</sup> para la siembra de cilantro, acelga, lechuga, remolacha, entre otras plantas hortalizas, permitió la producción de 20 kilogramos de alimentos sanos y seguros. El proceso se consolidó con la participación activa de la comunidad que a la fecha ha mantenido 26 plántulas sembradas y 15 semillas de origen alimenticio para dar continuidad al proceso, además del cercamiento de la misma con materiales reciclables, como respuesta a las acciones de salud ambiental para la apropiación del territorio. 
                                                        <br>Así mismo, se logró la recolección de 0.230 m<sup>3</sup> de residuos y la mejora de las afectaciones paisajísticas, medio ambientales y de seguridad, evitando olores ofensivos, proliferación de vectores y roedores que afectan la salud pública. La limpieza y recuperación del espacio permitió una nueva mirada con la realización conjunta de un mural de 4 × 1.5 m<sup>2</sup>, con el mensaje de la unidad demostrativa &#34;Activa tu salud, mejora tu entorno&#34;, dando cuenta de la corresponsabilidad por los entornos seguros, sanos y saludables del sector.
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>




                        <!-----BANNER-->

                        <div class="content-wrapper min-ancho" >

                            <div class="wrapper">
                                <div class="container-fluid">
                                    <div class="row mb-3">
                                        <a classs="img-webpo"  href="https://saludata.saludcapital.gov.co/osb/index.php/datos-de-salud/salud-ambiental/damnificadosinundacion/">
                                            <img class="d-block w-100" src="{{asset("images/indicators/bannerindicadEsta.jpg")}}" alt="Indicador principal">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>







                        @endsection
                        @section('scripts')

                        <script>

$('#popupModal').modal('show');
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
$('#exampleModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget);
    var recipient = button.data('title');

    $('#exampleModal').find('.modal-header').addClass(button.data('line'));

    var modal = $(this);
    modal.find('.modal-title').text(recipient);
    modal.find('.modal-body').text('');
    $('#' + button.data('response')).clone().appendTo(modal.find('.modal-body'));
});

$('#popupModal').on('show.bs.modal', function (event) {
    var button = $(event.relatedTarget);
    var recipient = button.data('title');

    $('#popupModal').find('.modal-header').addClass(button.data('line'));

    var modal = $(this);
    modal.find('.modal-title').text(recipient);
    modal.find('.modal-body').text('');
    $('#popupModal' + button.data('response')).clone().appendTo(modal.find('.modal-body'));
});


$(function () {
    $('#btn-enviar').click(function () {
        if ($('#name').val() !== '' && $('#localidad').val() !== '' && $('#telefono').val() !== '' && $('#temainteres').val() !== '' && $('#correo').val() !== '' && $('#comentarios').val() !== '' && $('#tiponegocio').val() !== '') {
            $.ajax({
                method: "POST",
                url: "{{asset("email")}}",
                data: {
                    nombre: $("#name").val(),
                    telefono: $("#telefono").val(),
                    email: $("#correo").val(),
                    localidad: $("#localidad").val(),
                    Interés: $("#temainterés").val(),
                    comentarios: $("#comentarios").val()
                }
            })
                    .done(function (msg) {
                        alert("Proceso exitoso: \n" + msg);
                    });
        } else {
            $('#contactModal').modal('hide');

            $('#infoModal').modal('show');
        }

    });
});
document.addEventListener('DOMContentLoaded', function () {
    var calendarEl = document.getElementById('calendar');


    var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: ['dayGrid'],
        defaultDate: '2022-12-01',
        editable: true,
        lang: 'es',
        eventLimit: true, // allow "more" link when too many events
        events: [
            {
                title: 'Día Panamericano de la Farmacia   ”.',
                start: '2022-12-01'
            }

        ]
    });

    calendar.render();

    calendar.setOption('locale', 'es');
});

*********cambio julio**********************************************************
                        </script>

                        <script type='text/javascript'  src="{{asset("js/news/news.js")}}"></script>
                        @endsection
                        @section('scripts')
                        <script type='text/javascript'  src="{{asset("js/news/news.js")}}"></script>


                        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-152412441-1"></script>
                        <script>
window.dataLayer = window.dataLayer || [];
function gtag() {
    dataLayer.push(arguments);
}
gtag('js', new Date());

gtag('config', 'UA-152412441-1');
                        </script>

                        @endsection

